import { Layout, Menu, Avatar } from "antd"
import { UserOutlined } from "@ant-design/icons"

const { Header } = Layout

export default function HeaderTop() {
  return (
    <div className="headerTop">
      <div style={{ float: "right", fontSize: "14px", display: "flex", alignItems: "center", lineHeight: "50px", color: "#000000", paddingRight: "20px" }}>
        超级管理员
         <Avatar size="large" style={{ marginLeft: "12px" }} src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1318185579,3031169514&fm=26&gp=0.jpg" />
      </div>

      {/* 头部 
      <Header className="header">
        <div className="logo" />
        <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
          <Menu.Item key="1">nav 1</Menu.Item>
          <Menu.Item key="2">nav 2</Menu.Item>
          <Menu.Item key="3">nav 3</Menu.Item>
        </Menu>
      </Header>
      */}
    </div>
  )
}
